import {observer} from 'mobx-react-lite';
import {Path, Svg} from 'react-native-svg';
import {useGlobalStore} from '../../mobx';
import {getColorStr} from '../../themes';
import {IconProps} from './types';

export const SvgLeft = observer((props: IconProps) => {
  const {colorKey = 'color_31', ...rest} = props;
  const {theme} = useGlobalStore();
  return (
    <Svg width="21" height="20" viewBox="0 0 21 20" fill="none" {...rest}>
      <Path
        d="M14.6849 1.66669C14.8932 1.66669 15.1432 1.75002 15.3099 1.91669C15.6432 2.25002 15.6016 2.79169 15.2682 3.08336L7.60157 10.1667L15.2682 17.2917C15.6016 17.625 15.6432 18.125 15.3099 18.4584C15.0182 18.7917 14.4766 18.8334 14.1432 18.5L6.47657 11.4167C6.14323 11.0834 5.9349 10.6667 5.9349 10.2084C5.9349 9.75002 6.14323 9.29169 6.47657 9.00002L14.1432 1.91669C14.2682 1.75002 14.4766 1.66669 14.6849 1.66669Z"
        fill={getColorStr(theme, colorKey)}
      />
    </Svg>
  );
});
